<!DOCTYPE html>
<html lang="en" ng-app="app">
    <head>
        <meta charset="UTF-8">
        <title>Demo</title>
        <link rel="stylesheet" href="../build/css/a.ui.css">
        <script src="../node_modules/angular/angular.js"></script>
        <script src="../build/js/a.ui.js"></script>
        <script src="index.js"></script>
    </head>
    <body>
        <div class="container">
            <div ng-controller="ToastDemoCtrl">
                <h1 class="text-center" ng-bind="title"></h1>
                <div class="form-group form-inline">
                    <label>提示消息:</label>
                    <input type="text" class="form-control" ng-model="msg">
                </div>
                <div class="btn-group">
                    <button class="btn btn-sm btn-default" ng-repeat="type in types track by $index" ng-click="toast(type)">{{type}}</button>
                </div>
                <button class="btn btn-sm btn-default" ng-click="clearToasts()">关闭所有toast</button>
            </div>
            <hr>
            <div ng-controller="DialogDemoCtrl">
                <h1 class="text-center" ng-bind="title"></h1>
                <div class="form-group form-inline">
                    <label>提示消息:</label>
                    <input type="text" class="form-control" ng-model="msg">
                </div>
                <div class="btn-group">
                    <button class="btn btn-sm btn-default" ng-repeat="type in types track by $index" ng-click="dialog(type)">{{type}}</button>
                </div>
            </div>
        </div>
    </body>
</html>